
$(function(){
    $(".index1").hover(function(){
        $(".index").css("color","snow");
        $(".index1").css("color","yellow");
        $(".product1").css("opacity","1");
        $(".product1").css("opacity","1");
        $(".product2").css("opacity","0");
        $(".product3").css("opacity","0");
        $(".product4").css("opacity","0");
        $(".product5").css("opacity","0");
        $(".product6").css("opacity","0");
        $(".product1").css("z-index","1");
        $(".product2").css("z-index","0");
        $(".product3").css("z-index","0");
        $(".product4").css("z-index","0");
        $(".product5").css("z-index","0");
        $(".product6").css("z-index","0");
        $(".line1").css("width","60px");
        $(".line2").css("width","0");
        $(".line3").css("width","0");
        $(".line4").css("width","0");
        $(".line5").css("width","0");
        $(".line6").css("width","0");
    });
    $(".index2").hover(function(){
        $(".index").css("color","snow");
        $(".index2").css("color","yellow");
        $(".product1").css("opacity","0");
        $(".product2").css("opacity","1");
        $(".product3").css("opacity","0");
        $(".product4").css("opacity","0");
        $(".product5").css("opacity","0");
        $(".product6").css("opacity","0");
        $(".product1").css("z-index","0");
        $(".product2").css("z-index","1");
        $(".product3").css("z-index","0");
        $(".product4").css("z-index","0");
        $(".product5").css("z-index","0");
        $(".product6").css("z-index","0");
        $(".line1").css("width","60px");
        $(".line2").css("width","60px");
        $(".line3").css("width","0");
        $(".line4").css("width","0");
        $(".line5").css("width","0");
        $(".line6").css("width","0");
    });
    $(".index3").hover(function(){
        $(".index").css("color","snow");
        $(".index3").css("color","yellow");
        $(".product1").css("opacity","0");
        $(".product2").css("opacity","0");
        $(".product3").css("opacity","1");
        $(".product4").css("opacity","0");
        $(".product5").css("opacity","0");
        $(".product6").css("opacity","0");
        $(".product1").css("z-index","0");
        $(".product2").css("z-index","0");
        $(".product3").css("z-index","1");
        $(".product4").css("z-index","0");
        $(".product5").css("z-index","0");
        $(".product6").css("z-index","0");
        $(".line1").css("width","60px");
        $(".line2").css("width","60px");
        $(".line3").css("width","60px");
        $(".line4").css("width","0");
        $(".line5").css("width","0");
        $(".line6").css("width","0");
    });
    $(".index4").hover(function(){
        $(".index").css("color","snow");
        $(".index4").css("color","yellow");
        $(".product1").css("opacity","0");
        $(".product2").css("opacity","0");
        $(".product3").css("opacity","0");
        $(".product4").css("opacity","1");
        $(".product5").css("opacity","0");
        $(".product6").css("opacity","0");
        $(".product1").css("z-index","0");
        $(".product2").css("z-index","0");
        $(".product3").css("z-index","0");
        $(".product4").css("z-index","1");
        $(".product5").css("z-index","0");
        $(".product6").css("z-index","0");
        $(".line1").css("width","60px");
        $(".line2").css("width","60px");
        $(".line3").css("width","60px");
        $(".line4").css("width","60px");
        $(".line5").css("width","0");
        $(".line6").css("width","0");
    });
    $(".index5").hover(function(){
        $(".index").css("color","snow");
        $(".index5").css("color","yellow");
        $(".product1").css("opacity","0");
        $(".product2").css("opacity","0");
        $(".product3").css("opacity","0");
        $(".product4").css("opacity","0");
        $(".product5").css("opacity","1");
        $(".product6").css("opacity","0");
        $(".product1").css("z-index","0");
        $(".product2").css("z-index","0");
        $(".product3").css("z-index","0");
        $(".product4").css("z-index","0");
        $(".product5").css("z-index","1");
        $(".product6").css("z-index","0");
        $(".line1").css("width","60px");
        $(".line2").css("width","60px");
        $(".line3").css("width","60px");
        $(".line4").css("width","60px");
        $(".line5").css("width","60px");
        $(".line6").css("width","0");
    });
    $(".index6").hover(function(){
        $(".index").css("color","snow");
        $(".index6").css("color","yellow");
        $(".product1").css("opacity","0");
        $(".product2").css("opacity","0");
        $(".product3").css("opacity","0");
        $(".product4").css("opacity","0");
        $(".product5").css("opacity","0");
        $(".product6").css("opacity","1");
        $(".product1").css("z-index","0");
        $(".product2").css("z-index","0");
        $(".product3").css("z-index","0");
        $(".product4").css("z-index","0");
        $(".product5").css("z-index","0");
        $(".product6").css("z-index","1");
        $(".line1").css("width","60px");
        $(".line2").css("width","60px");
        $(".line3").css("width","60px");
        $(".line4").css("width","60px");
        $(".line5").css("width","60px");
        $(".line6").css("width","60px");
    });
});